<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>招生报名</title>
    <!-- css 文件 -->
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/foundation/5.5.3/css/foundation.min.css">
    <link rel="stylesheet" href="./css/base.css">
    <!-- jQuery 库 -->
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <!-- JavaScript 文件 -->
    <script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/foundation.min.js"></script>
    <!-- modernizr.js 文件 -->
    <script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/vendor/modernizr.js"></script>
    <link rel="stylesheet" href="https://www.swiper.com.cn/dist/css/swiper.min.css">
    <script src="https://www.swiper.com.cn/dist/js/swiper.min.js"></script>
</head>
<body>

    <style>
        body{background:#fff;}
    </style>
    <div class="nrheadtablink">
        <a href="" class="active">言志状元榜</a>
        <a href="">联考大数据</a>
        <a href="">美院大数据</a>
        <a href="">校考英雄榜</a>
    </div>
    <div class="zhuanyuaninfo">
        <div class="zyinfo">
            <a href="" class="genduolink">更多成绩<span class="linkicon"><i class="iconfont icon-arrow"></i><i class="iconfont icon-arrow"></i><i class="iconfont icon-arrow"></i></span></a>           
            <img src="./img/index/zybg.png" alt="">
        </div>
    </div>
       <div class="indexschool">
        <div class="swiper-pagination"></div>
        <div class="schooltableft">
            <div class="swiper-container gallery-thumbs2">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">安徽省</div>
                    <div class="swiper-slide">安徽省</div>
                    <div class="swiper-slide">安徽省</div>
                    <div class="swiper-slide">安徽省</div>
                    <div class="swiper-slide">安徽省</div>
                    <div class="swiper-slide">安徽省</div>
                    <div class="swiper-slide">安徽省</div>
                    <div class="swiper-slide">安徽省</div>
                </div>
            </div>
            <div class="swiper-button-next1"><img src="./img/down_sy.png" alt=""></div>
            <div class="swiper-button-prev1"><img src="./img/upper_sy.png" alt=""></div>
        </div>
        <div class="schoolinfo">
            <div class=" gallery-top2">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="./img/index/dtimg.png" alt=""></div>
                    <div class="swiper-slide"><img src="./img/index/dtimg.png" alt=""></div>
                    <div class="swiper-slide"><img src="./img/index/dtimg.png" alt=""></div>
                    <div class="swiper-slide"><img src="./img/index/dtimg.png" alt=""></div>
                    <div class="swiper-slide"><img src="./img/index/dtimg.png" alt=""></div>
                    <div class="swiper-slide"><img src="./img/index/dtimg.png" alt=""></div>
                    <div class="swiper-slide"><img src="./img/index/dtimg.png" alt=""></div>
                    <div class="swiper-slide"><img src="./img/index/dtimg.png" alt=""></div>
                </div>
            </div>
        </div>
    </div>
    <script>
        var galleryThumbs2 = new Swiper('.gallery-thumbs2', {
        spaceBetween: 30,
        direction: 'vertical',
        slidesPerView: 4,
        freeMode: true,
        watchSlidesVisibility: true,
        watchSlidesProgress: true,
    });
    new Swiper('.gallery-top2', {
        spaceBetween: 10,
        navigation: {
        nextEl: '.indexschool .swiper-button-next1',
        prevEl: '.indexschool .swiper-button-prev1',
        },
        thumbs: {
        swiper: galleryThumbs2
        },
        loop: true,
        pagination: {
            el: '.indexschool .swiper-pagination',
            type: 'fraction',
        }
    });

    </script>
</body>
<script src="./js/commond.js"></script>
</html>